*{margin: 0;padding: 0;list-style: none;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body{
	width: 100%;
	background-color: #F5F5F5;
	margin: 0px;
}
li{display: block;}
/*  */
.navigation-bar{
	background-color: #00796B;
	color: #FFFFFF;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	font-size: 14px;
	z-index: 10;
}
.navigation-bar-title{
	width: 50%;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	position: absolute;
	z-index: 10;
	margin-left: 25%;
}
.navigation-left{
	float: left;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
}
.navigation-left-title{
	float: left;
	color: #FFFFFF;
	text-align: left;
	line-height: 45px;
	height: 45px;
	width: 100%;
	z-index: 997;
	padding-left: 10px;
	box-sizing: border-box;
}
.navigation-right{
	float: right;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 50%;
	color: #FFFFFF;
}
.navigation-right-title{
	float: right;
	color: #FFFFFF;
	text-align: left;
	line-height: 45px;
	height: 45px;
	text-align: center;
	z-index: 997;
	min-width: 45px;
}
/*  */
.grid-content{
	width: 100;
	overflow: hidden;
}
.grid-view-item{
	width: 25%;
	float: left;
	height: 100px;
	text-align: center;
	background-color: #FFFFFF;
	border: 2px solid #F5F5F5;
	box-sizing: border-box;
	margin-top: 10px;
}
.grid-view-item-ico{
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	text-align: center;
	font-size: 26px !important;
}
.grid-view-item-title{
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 20px;
	
}
/*  */
.mask{
	position: fixed;
	z-index: 998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .3);
}
/*  */
.popup{
	width: 90%;
	margin-left: 5%;
	height: 350px;
	background-color: #FFF;
	position: absolute;
	z-index: 998;
	top: 200px;
	border-radius: 10px;
}
.popup-tab{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #00796B;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.popup-content{
	height: 310px;
	overflow: auto;
	width: 100%;
}
.popup-list{
	clear: both;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333333;
	width: 100%;
}
.popup-title{
	float: left;
}
.popup-list:after{
	background-color: #E9E9E9;
}
.popup-list-icon{
	color: #E1E1E1;
	font-size: 14px;
	float: right;
	margin-right: 10px;
}
/*  */
.content{
	width: 100%;
	overflow: hidden;
}
.table-view{
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	overflow: hidden;
}
.table-view-cell-left{
	float: left;
}
.table-view-lin{
	line-height: 50px;
	text-align: center;
}
.table-view-cell-right{
	float: right;
}
.ellipsis{
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
.min-ellipsis{
	line-height: 20px;
	font-size: 13px;
	color: #666666;
}
/*  */
.search-input-view{
	height: 40px;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}
.search-input-icon{
	width: 10%;
	height: 40px;
	float: left;
	text-align:center;
	line-height: 40px;
	color: #00796B;
}
.search-input-input{
	height: 40px;
	width: 90%;
	float: left;
}
.input-clear{
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #333333;
	border: 0px;
}
.search-input-btn{
	width: 13%;
	background-color: #0077AA;
	color: #FFFFFF;
	float: right;
	height: 30px;
	margin-top: 5px;
	text-align: center;
	line-height: 30px;
	margin-right: 2%;
	font-size: 14px;
	border-radius: 10px;
}
/*  */
.tab-bar-cell{
	float: left;
	text-align: center;
	width: 33%;
	border-bottom: 2px solid #E3E3E3;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
}
.tab-bar-active{
	float: left;
	text-align: center;
	width: 34%;
	border-bottom: 2px solid #00796B;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #00796B;
	background-color: #FFFFFF;
}
/*  */
.title-row{
	width: 100;
	height: 35px;
	padding-left: 10px;
	box-sizing: border-box;
	line-height: 35px;
	font-size: 14px;
	color: #333333;
}
.title-cell-view{
	float: left;
	color: #333;
	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #E1E1E1;
	font-size: 12px;
	padding-left: 10px;
	box-sizing: border-box;
}
.tr{text-align: right;}
.w12{width: 12%;}
.w70{width: 70%;}
.colorA{color: #00796B;}
.color9{color: #999999;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs16{font-size: 22px;}
.fs18{font-size: 18px;}
.mt10{margin-top: 20px;}

